Có ba loại list:
<ul> -unordered list; bullets <ol> -ordered list; numbers
<dl> -definition list; dictionary
Nhưng mà chỉ dùng đa số là<ol>và<ul>, cái<dl> nói thiệt chả thấy gì khác biệt cho lắm!
Nhưng tag <ol> thì có tính tuỳ biến cao nhất!bên trong danh sách luôn có nhữngà...ờ....nói chung là danh sách.
Xem ví dụ sẻ rỏ:<ul> list
Mã nguồn:[Chọn]
<ul>
<li>Nguyễn VănTí</li>
<li>Trần Văn Trội</li>
<li>Quách yên Quẩy</li>
</ul>
Kết quả:
Nguyễn Văn Tí
Trần Văn Trội
Quách yên Quẩy
<ol> list
Mã nguồn:[Chọn]
<ol>
<li>Nguyễn VănTí</li>
<li>Trần Văn Trội</li>
<li>Quách yên Quẩy</li>
</ol>
Kết quả:
Nguyễn Văn Tí
Trần Văn Trội
Quách yên Quẩy
<dl> list
Mã nguồn:[Chọn]
<dl>
<li>Nguyễn VănTí</li>
<li>Trần Văn Trội</li>
<li>Quách yên Quẩy</li>
</dl>
Kết quả:
Nguyễn Văn Tí
Trần Văn Trội
Quách yên Quẩy
Qua ví dụ bạn sẽ thấy <dl> và <ul> không có gì khác nhau! Nhưng đó là bởi vì ta chưa hề thêm sự tuỳ biến vào.Tuỳ chỉnh thêm cho list
Phần này đa số ta xoáy vào <ol> list
Bạn thấy với ví dụ trên của <ol> list, list đó bắt đầu với 1, rồi tới 2,3...... Ta cóthể để list này bắtđầu với một số tuỳ chọn, trong ví dụ này mình bắt đầu với 4
Mã nguồn:[Chọn]
<ol start="4">
<li>Nguyễn VănTí</li>
<li>Trần Văn Trội</li>
<li>Quách yên Quẩy</li>
</ol>
Kết quả:
Nguyễn Văn Tí
Trần Văn Trội
Quách yên Quẩy
Trong list<ol> không những có thể đánh số thứ tự bằng số, mà còn có thểđánh số thứ tự vớichữ cái hoặc số LaMã bằng cách thêm thuộc tính type vớigiá trị theo sau: a,A,i,Ia,A sẽ đánh thứ tự theo chữ cái, nhưng khác nhau là a in thường, A in hoa.Tương tự như thế với i và I Ví dụ:
Mã nguồn:[Chọn]
<ol type="a">
<li>Mỹ</li>
<li>Nhật</li>
<li>Pháp</li>
<li>Đức</li>
<li>Anh</li>
</ol>
Kết quả :
Mỹ
Nhật
Pháp
Đức
Anh
Những cái khác các bạn có thể tự hiểu mà không cần vídụ rồi ha!
: Còn với<ul> list, ta lại có một số giá trị của thuộc tính type giúp định dạng cái dấu, các giá trị đó là: type="square",type="disc",type="circle"
Ví dụ thử cái square
Mã nguồn:[Chọn]
<ul type="square">
<li>Mỹ</li>
<li>Nhật</li>
<li>Pháp</li>
<li>Đức</li>
<li>Anh</li>
</ul>
Kết quả:
Mỹ
Nhật
Pháp
Đức
Anh
Trong list bạn còn có thểthụt ra thụt vô bằng cách dùng các thẻ <dt> và <dd> Mã nguồn:[Chọn]
<ul type="square">
<li>Mỹ</li>
<li>Nhật</li>
<li>Pháp</li>
<li>Đức</li>
<li>Anh</li>
<dt>Hàn Quốc</dt>
<dd>Trung Quấc</dd>
</ul>
Kết quả:
Mỹ
Nhật
Pháp
Đức
Anh
Hàn Quốc
Trung Quấc
Và dĩnhiên bạn cũng có thể lồng list vào list
Mã nguồn:[Chọn]
<ol>
<li>ChâuMỹ</li>
<ol type="a">
<li>Mỹ</li>
<li>Brazil</li>
</ol>
<li>ChâuÂu</li>
<ul>
<li>Anh</li>
<li>Pháp</li>
</ul>
<li>ChâuÁ</li>
<ul type="square">
<li>Trung Quấc</li>
<li>Nhật Bản</li>
</ul>
</ol>
Kết quả:
Châu Mỹ
Mỹ
Brazil
Châu Âu
Anh
Pháp
Châu Á
Trung Quốc
Nhật Bản
Vậy là ok kết thúc phần này nha.
Thống kê
• Online:1• Hôm nay:1• Trong tuần:1• Trong tháng:1• Tổng số:122
Thống kê